<template>
  <i class="m-icon"
    :style="{ color: color, fontSize: size}"
    :class="classes"></i>
</template>

<script>
export default {
  name: 'm-icon',
  props: {
    type: String,
    size: String,
    color: String
  },
  computed: {
    classes () {
      return {
        [`${this.type}`]: !!this.type
      }
    }
  }
}
</script>
